<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
		<title>凤达汽车租赁后台</title>
		<link rel="stylesheet" href="../layui/css/layui.css">
		<script type="text/javascript" src="../layui/js/jquery-1.8.3.min.js"></script>
		<script>
		window.onload = function() {
			 let value = localStorage.getItem("user");
			 
			 if(value == null) {
				 location.href='login.html'
			 }else {
				 $('#mybody').attr('hidden',false);
			 }
			 
		
		};
			function change(title) {
				let url = "";
				switch (title) {
					case 'user_list':
						url = "user_list.html";
						break;
					case 'bar':
						url = "bar.html";
						break;
					case 'add_user':
						url = "add_user.html";
						break;
					case 'project_list':
						url = "project_list.html";
						break;
					case 'talents_list':
						url = "talents_list.html";
						break;
					case 'add_car':
						url = "add_car.html"
						break;
					case 'car_list':
						url = "car_list.html"
						break;
					case 'user_rental':
						url = "user_rental.html"
						break;
					case 'return_information':
						url = "return_information.html"
						break;
					case 'filter_list':
						url = "filter_list.html"
						break;
				}
				$('iframe').attr('src', url);
			}
		</script>
	</head>
	<body id="mybody" hidden="hidden">
		<div class="layui-layout layui-layout-admin">
			<div class="layui-header">
				<div class="layui-logo layui-hide-xs layui-bg-black">凤达汽车租赁管理员系统</div>
				<!-- 头部区域（可配合layui 已有的水平导航） -->
				<ul class="layui-nav layui-layout-left">
					<!-- 移动端显示 -->
					<li class="layui-nav-item layui-show-xs-inline-block layui-hide-sm" lay-header-event="menuLeft">
						<i class="layui-icon layui-icon-spread-left"></i>
					</li>

				</ul>
				<ul class="layui-nav layui-layout-right">
					<li class="layui-nav-item layui-hide layui-show-md-inline-block">
						<a href="javascript:;">
							<img src="../img/xiaoxin.jpg" class="layui-nav-img">
							欢迎您，超级管理员
						</a>

					</li>

				</ul>
			</div>

			<div class="layui-side layui-bg-black">
				<div class="layui-side-scroll">
					<!-- 左侧导航区域（可配合layui已有的垂直导航） -->
					<ul class="layui-nav layui-nav-tree" lay-filter="test">
						<li class="layui-nav-item layui-nav-itemed">
							<a class="" href="javascript:;">用户管理</a>
							<dl class="layui-nav-child">
								<dd><a href="javascript:;" onclick="change('user_list')">用户列表</a></dd>
								<!-- <dd><a href="javascript:;" onclick="change('bar')">用户请求</a></dd> -->
								<dd><a href="javascript:;" onclick="change('add_user')">添加用户</a></dd>
							</dl>
						</li>
						<li class="layui-nav-item">
							<a href="javascript:;">汽车管理</a>
							<dl class="layui-nav-child">
								<dd><a href="javascript:;" onclick="change('car_list')">汽车列表</a></dd>
								<dd><a href="javascript:;" onclick="change('add_car')">添加汽车</a></dd>
							</dl>
						</li>
						<li class="layui-nav-item">
							<a href="javascript:;">租赁信息</a>
							<dl class="layui-nav-child">
								<dd><a href="javascript:;" onclick="change('user_rental')">汽车租赁信息</a></dd>
								<!-- <dd><a href="javascript:;" onclick="change('talents_list')">人员租车信息</a></dd> -->
								<!-- <dd><a href="javascript:;" onclick="change('add_talent')">添加人才</a></dd> -->
							</dl>
						</li>
						<li class="layui-nav-item">
							<a href="javascript:;">还车业务</a>
							<dl class="layui-nav-child">
								<dd><a href="javascript:;" onclick="change('return_information')">赔付管理</a></dd>
								<!-- <dd><a href="javascript:;" onclick="change('add_course')">归还管理</a></dd> -->
							</dl>
						</li>
						<li class="layui-nav-item">
							<a href="javascript:;">其他业务</a>
							<dl class="layui-nav-child">
								<dd><a href="javascript:;" onclick="change('return_information')">公告管理</a></dd>
								<!-- <dd><a href="javascript:;" onclick="change('add_course')">归还管理</a></dd> -->
							</dl>
						</li>
					
					</ul>
				</div>
			</div>

			<div class="layui-body">
				<!-- 内容主体区域 -->
				<div style="padding: 15px;">



					<iframe src="indexPage.html" frameborder="0" id="demoAdmin"
						style="width: 100%; height: 550px; border-radius: 2px;"></iframe>



				</div>
			</div>

			<div class="layui-footer">
				<!-- 底部固定区域 -->
				凤达汽车租赁管理员后台系统
			</div>
		</div>
		<script src="../layui/layui.js"></script>
		<script>
		

		
			//JS 
			layui.use(['element', 'layer', 'util'], function() {
				var element = layui.element,
					layer = layui.layer,
					util = layui.util,
					$ = layui.$;

				//头部事件
				util.event('lay-header-event', {
					//左侧菜单事件
					menuLeft: function(othis) {
						layer.msg('展开左侧菜单的操作', {
							icon: 0
						});
					}

				});

			});
		</script>
		<style>
			.layui-nav-child {
				padding-left: 10px;
			}
		</style>
	</body>
</html>
